<template>
<div class="content">
    <compExtend 
        :propsList="propsList"
        :tpl="tpl" :bindConfig="bindConfig"
    >
        <h2 class="subTitle">代码示例</h2>
        <Card dis-hover>
            <!-- 此处写组件的引用 -->
            <!-- <fieldCell v-bind="bindConfig" @change="val => change(val)"/> -->
        </Card>
    </compExtend>
</div>
</template>

<script>
import compExtend from '../parts/compExtend'
export default {
    components: { compExtend },
    data() {
        // 组件的所有参数
        let bindConfig = {
        }
        // 组件的props说明
        let propsList = [   
            {
                title: 'fieldCell',
                data: [
                    {
                        name: 'config', type: 'object', default: " {type: 'text'} ",
                        desc: `配置信息: </br> 更多属性可以参照iview对应的属性说明，如：<a href="http://v4.iviewui.com/components/input">Input</a>` // 支持html
                    }
                ]
            }
        ];
        // 组件引用实例
        let tpl = `<fieldCell v-bind="bindConfig" />`  

        return {
            tpl,
            bindConfig,
            propsList,
        }
    },
    methods: {
    },
    props: {
    }
}
</script>

<style scoped lang="less">
.content {
    /deep/ textarea.jsoneditor-text, /deep/ .ace-jsoneditor {
        min-height: 600px;
    }
}
</style>